import React from 'react'
import { useNavigate } from 'react-router-dom'
function ItemList({v}) {
    let navigate=useNavigate()
    const gotoxq=(id)=>{
     navigate(`/xq/${id}`,{state:id})
    }
  return (
    <div>
        <dl onClick={()=>gotoxq(v.id)}>
            <dt>{v.title}

            <h3 style={{color:'#ccc', margin:'10px'}}>{v.title}哈哈哈哈哈哈哈哈哈哈哦草独生女哦对是覅哦哈哈哈哦草独生女哦对是覅哦对是哪方奶萨哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</h3>
        <h3 style={{color:'#ccc',margin:'10px'}}>{v.date}</h3>
        <h3 style={{color:'#ccc',margin:'10px'}}>{v.price}</h3>
            </dt>
            <dd style={{float:'right'}}>
        <img src={v.image} alt="" style={{width:'150px', height:'150px'}} />
        </dd>        </dl>
        
    </div>
  )
}

export default ItemList